<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        .content {
            width: 320px;
            height: 200px;


        }

        .content ul {
            position: relative;
        }

        ul li {
            list-style: none;
        }


        ul li:nth-child(2) {
            bottom: 0;

            position: absolute;
            text-align: center;
            color: #FFF;
            z-index: 100;
            background-color: blue;
            opacity: 0.65;
            width: 320px;
            font-size: 12px;
        }

        .book {
            width: 230px;
            height: 230px;
            line-height: 300px;
            text-align: center;
            background-color: red;
            font-size:25px;
            font-weight:700px;
            color:#FFF;
            opacity: 0.6;
            margin:auto;
        }
    </style>
</head>
<body>
<div class="content">
    <ul>
        <li><img src="./img/springboot.avif" alt="图片"/></li>
        <li class="time">时间：2023-04-05</li>
    </ul>
</div>


<div class = "book">
    this is a book
</div>
</body>
</html>